﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>notify</title>
    <link type="text/css" rel="Stylesheet" href="/Content/css/jquery.gritter.css" />
    <script type="text/javascript" src="/Scripts/jquery.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.gritter.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //$('#add-sticky').click(function () {

                var unique_id = $.gritter.add({
                    // (string | mandatory) the heading of the notification
                    title: 'This is a sticky notice!',
                    // (string | mandatory) the text inside the notification
                    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" style="color:#ccc">magnis dis parturient</a> montes, nascetur ridiculus mus.',
                    // (string | optional) the image to display on the left
                    //image: 'http://s3.amazonaws.com/twitter_production/profile_images/132499022/myface_bigger.jpg',
                    // (bool | optional) if you want it to fade out on its own or just sit there
                    sticky: true,
                    // (int | optional) the time you want it to be alive for before fading out
                    time: '',
                    // (string | optional) the class name you want to apply to that specific message
                    class_name: 'my-sticky-class'
                });

                // You can have it return a unique id, this can be used to manually remove it later using
                /*
                setTimeout(function(){

                $.gritter.remove(unique_id, {
                fade: true,
                speed: 'slow'
                });

                }, 6000)
                */

                //return false;

            //});

        });
    </script>
</head>
<body>
    <div>
        <a href="javascript:;" id="add-sticky">Add sticky notification</a>
    </div>
</body>
</html>
